@tailwind base;
@tailwind components;
@tailwind utilities;


button {
    border: none;
    border-radius: 20%;
    /* border-radius; */
}

/* 自定义组件样式 */
@layer components {
    .btn-primary {
        @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition-colors duration-200;
    }

    .btn-secondary {
        @apply bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded transition-colors duration-200;
    }

    .card {
        @apply bg-white shadow-lg rounded-lg p-6 border border-gray-200;
    }

    .card-hover {
        @apply card hover:shadow-xl transition-shadow duration-300;
    }

    .input-field {
        @apply border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
    }

    .gradient-bg {
        @apply bg-gradient-to-r from-blue-500 to-purple-600;
    }

    .glass-effect {
        @apply backdrop-blur-md bg-white/30 border border-white/20 shadow-lg;
    }
}

/* 自定义工具类 */
@layer utilities {
    .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }

    .hover-scale {
        transition: transform 0.2s ease-in-out;
    }

    .hover-scale:hover {
        transform: scale(1.05);
    }
}

/* 响应式网格布局 */
.grid-responsive {
    @apply grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4;
}
.ant-pro-layout-content {
    padding: 0 !important;
}

/* 增大菜单字号 */
.ant-pro-layout .ant-menu-item,
.ant-pro-layout .ant-menu-submenu-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.ant-pro-layout .ant-menu-submenu .ant-menu-item {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* 增大侧边栏菜单字号 */
.ant-pro-sider .ant-menu-item,
.ant-pro-sider .ant-menu-submenu-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 12px 16px !important;
}

.ant-pro-sider .ant-menu-submenu .ant-menu-item {
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 10px 16px 10px 32px !important;
}

/* 增大顶部菜单字号 */
.ant-pro-layout-header .ant-menu-item,
.ant-pro-layout-header .ant-menu-submenu-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* 调整菜单图标大小和间距 */
.ant-pro-layout .ant-menu-item .anticon,
.ant-pro-layout .ant-menu-submenu-title .anticon {
    font-size: 18px !important;
    /* margin-right: 12px !important; */
}

.ant-pro-sider .ant-menu-item .anticon,
.ant-pro-sider .ant-menu-submenu-title .anticon {
    font-size: 18px !important;
    /* margin-right: 12px !important; */
}

/* 确保菜单项有足够的点击区域 */
.ant-pro-layout .ant-menu-item,
.ant-pro-layout .ant-menu-submenu-title {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

.ant-pro-sider .ant-menu-item,
.ant-pro-sider .ant-menu-submenu-title {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
}